<!DOCTYPE html>

<div style="z-index: 1; position: absolute"></div>
<div style="z-index: 0; perspective: 1000px; position: absolute;">
    <div style="position: absolute; width: 200px; height: 200px; background-color: darkBlue; transform: translate3d(0px, 74px, 200px);">
    </div>
</div>
<script>
// Tests that a squashed layer that is the child of an element with perspective on it uses that element as its transform ancestor.
if (window.testRunner) {
    testRunner.dumpAsText();
    testRunner.setCustomTextOutput(internals.layerTreeAsText(document));
}
</script>